import { createApp } from 'vue'
import store from './store'
import App from './App.vue'
import router from './router/index'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
console.log(import.meta.env);
// vite中获取环境变量的语法规则


// 注册全局指令 api 
// 不需要每个页面都引入api文件
import api from './api'
const app = createApp(App)
console.log(api);
app.config.globalProperties.$api = api

// 在属性前新增 $ 符号 代表属性是程序员自己添加的，非系统自带的
// 全局引入element icon
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}

app.use(ElementPlus).use(store).use(router).mount('#app')
